/**页面顶部 */
<template>
  <div class="solution-header-page top-img-bg-box">
    <div class="solution-content-box main-content">
      <div class="solution-title-box">{{ dataInfo.title }}</div>
      <div class="solution-line-box"></div>
      <div class="solution-text-box" v-html="dataInfo.dec"></div>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {
    dataInfo: {
      type: Object,
      default: function() {
        return {};
      },
    },
  },
  data() {
    return {};
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {},
};
</script>
<style lang="scss" scoped>
.solution-content-box {
  width: 100%;
  padding: 20px 0;
  .solution-title-box {
    font-size: 1.75rem;
    font-weight: 600;
    color: #ffffff;
    line-height: 2.625rem;
    letter-spacing: 1px;
  }
  .solution-line-box {
    width: 48px;
    height: 2px;
    background: #31a3ff;
    margin-top: 1.25rem;
    margin-bottom: 13px;
  }
  .solution-text-box {
    font-size: 0.75rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 1.5625rem;
    letter-spacing: 1px;
  }
}
</style>
